<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title> Fighting Fantasy Combat Simulator</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="ff.css" media="screen" />
  <script type="text/javascript" src="ff.js">
  </script>
</head>
<body onload="rollCharacter();">
<div class="scroll_top scroll">
  <span class="title">Adventure Sheet</span>
</div>
<div class="scroll_mid scroll">
<form action="?">
  <table>
    <tr>
      <td class="left_label"></td>
      <td>Skill <span class="initials" id="initialSkill"></span></td>
      <td>Stamina <span class="initials" id="initialStam"></span></td>
      <td>Luck <span class="initials" id="initialLuck"></span></td>
    </tr>
    <tr>
      <td class="left_label"></td>
      <td><input class="value" type="text" id="yourSkill" /></td>
      <td><input class="value" type="text" id="yourStam" /></td>
      <td><input class="value" type="text" id="yourLuck" /></td>
    </tr>
    <tr>
      <td class="left_label"></td>
      <td class="encounter" colspan="1"><b>Encounter</b></td>
      <td></td>
      <td>Gold <br/><input class="value" type="text" id="yourGold" /></td>
    </tr>
    <tr>
      <td class="left_label"></td>
      <td class="encounter" colspan="1">Skill <!-- input class="value" type="text" id="oppSkill" / -->
        <select class="value" id="oppSkill">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5" selected="selected">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
        </select>
      <br/>Stam.<!-- input class="value" type="text" id="oppStam" / -->
        <select class="value" id="oppStam">
          <option value="-1">-1</option>
          <option value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5" selected="selected">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
        </select>
      </td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td class="actions" colspan="4">
  <input type="button" value="Attack (to the death)" onclick="attack();"/>
  <br/>
  <input type="button" value="Single Attack Round" onclick="attackRound();"/>
  <br/>
  <input type="button" value="Eat One Provision" onclick="eatProvision();"/>
  <br/>
  <input type="button" value="Test Luck" onclick="testLuck();"/>
  <br/>
  <input type="button" value="Roll D6" onclick="rollD6();"/>
  <br/>
  <!-- input type="button" value="Save Stats" onclick="saveStats();"/i -->
        <input type="button" value="Roll Character" onclick="rollCharacter();" />
  <br/>  
  <input type="button" value="Clear" onclick="document.getElementById('output').innerHTML='';"/>
      </td>
    </tr>
    <tr>
      <td class="results" colspan="4">
        <span id="output"></span>
      </td>
    </tr>
    <tr>
      <td class="end" colspan="4"></td>
    </tr>
  </table>
</form>
</div>
<div class="scroll_bottom scroll"></div>
</body>
</html>
